﻿@{
    ViewBag.Title = "SIIV - Datos Personales";
    Layout = "~/Views/Shared/_Layout.cshtml";
    ViewBag.Header = "Mis Datos";
}
<script type="text/javascript">
    $().ready(function () {
        $.ajaxSetup({
            error: function (jqXHR, textStatus, errorThrown) {
                alert(jqXHR.statustext)
                alert(jqXHR.statusText)
                alert(jqXHR.responseText)
            }
        });
    });

    //Evento que se dispara cuando el DOM esta listo para ser utilizado
    $(document).ready(function () {
        jQuery('#loading').ajaxStart(function () {
            jQuery(this).show();
        });

        jQuery('#loading').ajaxError(function (e, xhr, opts, error) {
            alert('La petición a la página ' + opts.url + ' ha devuelto el siguiente error: ' + xhr.status + ' - ' + error);
        });

        jQuery('#loading').ajaxStop(function () {
            jQuery(this).hide();
        });

        //Seteo los CSS Class en el validador para que actuen segun su validacion
        $.validator.addClassRules({
            'required': {
                required: true
            },
            'date': {
                date: true,
                required: true
            },
            'dni': {
                required: true,
                digits: true,
                minlength: 7,
                maxlength: 8
            },
            'email': {
                required: true,
                maxlength: 50,
                email: true
            }
        });

        //Extiendo por jQuery los mensajes del plugin validador 
        //(sobre-escribo los ya existentes)
        $.extend($.validator.messages, {
            required: "Campo requerido",
            maxlength: jQuery.validator.format("El máximo de caracteres es {0}"),
            date: "Fecha no valida",
            digits: "Sólo ingrese dígitos",
            minlength: jQuery.validator.format("La cantidad de dígitos ingresada es menor a {0}"),
            maxlength: jQuery.validator.format("La cantidad de dígitos ingresada es mayor a {0}"),
            email: "La dirección ingresada no es válida."
        });

        // Inicio el plugin
        $("#frmDatosUsuario").validate({
            errorElement: "span"
        });        
    });

    $(function () {
        $("#FechaNacimiento").datepicker($.datepicker.regional['es']);        
    });

    function mostrarMensaje(data) {
        alert(data)
    }   
</script>
@section Menu{
    @Html.Partial("Menu")
}
@if (Session["Usuario"] == null)
{
    Response.Redirect("Inicio");
}
else
{
    <div class="art-PostContent">
        @using (@Ajax.BeginForm("ActualizarDatosUsuario", "Seguridad", new AjaxOptions() { HttpMethod = "Post", OnSuccess = "mostrarMensaje" }, new { @id = "frmDatosUsuario" }))
        { 
            <table style="width:100%">
                <tr>
                    <td style="width:50%">
                    <b>Nombre</b><br />
                @Html.TextBox("Nombre", ((SIIV.Data.Usuario)Session["Usuario"]).Nombre, new { @class = "required", @id = "Nombre", @maxlength = 50 })
                    </td>
                    <td>
                    <b>Apellido</b><br />
                @Html.TextBox("Apellido", ((SIIV.Data.Usuario)Session["Usuario"]).Apellido, new { @class = "required", @id = "Apellido", @maxlength = 50 })
                    </td>
                </tr>
                <tr>
                    <td>
                    <b>Contraseña</b><br />
                @Html.TextBox("Password", ((SIIV.Data.Usuario)Session["Usuario"]).Password, new { @class = "required", @id = "Password", @maxlength = 20 })
                    </td>
                    <td>
                    <b>Email</b><br />
                @Html.TextBox("Email", ((SIIV.Data.Usuario)Session["Usuario"]).Email, new { @class = "email", @id = "Email", @maxlength = 200 })
                    </td>
                </tr>
                <tr>
                    <td>
                    <b>Nro. de Documento</b><br />
                @Html.TextBox("NroDocumento", ((SIIV.Data.Usuario)Session["Usuario"]).NroDocumento, new { @class = "dni", @id = "NroDocumento", @maxlength = 10 })
                    </td>
                    <td>
                    <b>Fecha de Nacimiento</b><br />
                @Html.TextBox("FechaNacimiento", ((SIIV.Data.Usuario)Session["Usuario"]).FechaNacimiento.ToString("dd/MM/yyyy"), new { @class = "date", @onkeypress = "event.preventDefault();", @id = "FechaNacimiento" })
                    </td>
                </tr>
            </table>
            
            <span class="art-button-wrapper" style="float: right"><span class="l"></span><span
                class="r"></span>
                <input class="art-button" type="submit" value="Guardar" />
            </span>
        }
        <div class="cleared">
        </div>
    </div>
}
